ItemQuestionView = function(){
	this.tpl = new Ext.XTemplate('<tpl for="."><div class="item-view-question">{question}</div></tpl><br>');
	
	this.viewer = new Ext.DataView({
		tpl: this.tpl,
		store: DataStoreCollection.getEmptyStore(),
		autoHeight: true,
		scroll: false,
		emptyText: 'No item to display',
		itemSelector: 'div.item-view-question'
	});
	
	ItemQuestionView.superclass.constructor.call(this, {
		id: 'item_question_view',
		items: this.viewer,
		autoHeight: true,
		scroll: false
	});
};

Ext.extend(ItemQuestionView, Ext.Panel, {
	setQuestion: function(item){
		if(item){
			var store = DataStoreCollection.makeItemQuestionStore(item.question);
			this.viewer.bindStore(store);
		}
		
		// if(Ext.is.Phone){
		// 	this.body.update("<div>"+this.tpl.apply(question)+"</div>");
		// }else{
		// 	this.html = this.tpl.apply(question);
		// }
	}
});